<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link type="text/css" href="css/regis.css" rel="stylesheet">
    <link type="text/css" href="css/download (1)/font_6scgcii2lwt/iconfont.css" rel="stylesheet">
    <title>SKY</title>
</head>

<body>
    <div class="regis">
        <div class="logo">
            <a href="index.html" target="_self">
                <img src="images/tb.gif">
            </a>
        </div>
        <div class="box">
            <div class="title">
                <div class="bt-title">
                    <a class="bt-login" href="login.html">登录</a>
                    <b>·</b>
                    <a href="regis.html" class="bt-regis">注册</a>
                </div>
            </div>
            <div class="regis-box">
                <form>
                    <div class="box-input1">
                        <input placeholder="你的昵称" type="text">
                        <i class="iconfont icon-user"></i>
                    </div>
                    <div class="box-input2">
                        <input placeholder="手机号" type="text">
                        <i class="iconfont icon-phone"></i>
                    </div>
                    <div class="box-input3">
                        <input placeholder="密码" type="password">
                        <i class="iconfont icon-password"></i>
                    </div>



                    <a href="index1.html">
                        <button class="regis-button" type="button" href="index1.html">
                            <span class="btn-content">
                                注册
                            </span>
                        </button>
                    </a>

                    <p class="regis-rules">
                        点击“注册”即表示您同意并愿意遵守
                        <br>
                        <a target="_blank" href="#">用户协议</a>
                        和
                        <a href="#" target="_blank">隐私政策</a>

                    </p>
                    <div class="more">
                        <span>社交账号直接注册</span>
                        <ul>
                            <li class="weibo-link">
                                <a class="weibo" target="_blank" href="#">
                                    <i class="iconfont icon-weibo"></i>
                                </a>
                            </li>
                            <li>
                                <a class="weixin" target="_blank" href="#">
                                    <i class="iconfont icon-weixin"></i>
                                </a>
                            </li>
                            <li>
                                <a class="qq" target="_blank" href="#">
                                    <i class="iconfont icon-qq"></i>
                                </a>
                            </li>
                            <li class="more-method">
                                <a href="#">
                                    <i class="iconfont icon-more"></i>
                                </a>
                            </li>

                        </ul>
                    </div>
                </form>
            </div>
        </div>
    </div>
</body>

</html>